<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>智慧军营-人员</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <script src="js/adaptive.js"></script>
    <script src="js/echarts/4.2.1/echarts.js"></script>
<!--    <script src="js/echarts/echarts.simple.min.js"></script>-->
</head>
<body>
<div class="top-area">
    <h3 class="title xxxl-font primary-color">智慧军营</h3>
    <span class="time s-font time-color">2019-07-24 09:20:36</span>
    <span class="exit s-font exit-color">退出</span>
</div>
<div class="chart-area">
    <div class="tab">
        <span class="xxl-font white-color inline-block-box">人员动向</span>
        <span class="xxl-font tab-color inline-block-box">值班执勤</span>
    </div>
    <div class="middle">
        <div class="people-in-camp" id="peopleInCamp"></div>
        <div class="category-in-camp" id="categoryInCamp"></div>
    </div>
    <div class="left">
        <div class="soldier">
            <h5 class="soldier-title l-font normal-text white-color">本月士兵在营变化趋势</h5>
            <div class="soldier-chart" id="soldier"></div>
        </div>
        <div class="leader-status">
            <h5 class="leader-status-title l-font normal-text white-color">各部门负责人在岗状态</h5>
            <div class="leader-status-chart">
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
                <div class="leader-status-item inline-block-box">
                    <div class="status-box inline-block-box center-text">
                        <span class="s-font white-color">在岗</span>
                    </div>
                    <div class="leader-info inline-block-box">
                        <p class="xs-font white-color">部门：装备办</p>
                        <p class="xs-font white-color">姓名：孙成钢</p>
                        <p class="xs-font white-color">职务：主任</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="entry-exit-status right">
        <h5 class="entry-exit-status-title l-font normal-text white-color">人员进出动态</h5>
        <div class="entry-exit-status-chart">
            <table class="l-font white-color center-text">
                <thead class="thead-color">
                    <tr>
                        <th class="normal-text">姓名</th>
                        <th class="normal-text">人员类型</th>
                        <th class="normal-text">进出营</th>
                        <th class="normal-text">时间</th>
                    </tr>
                </thead>
                <tbody class="gray-color">
                    <tr>
                        <td>王志文</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                    <tr>
                        <td>徐牧</td>
                        <td>士兵</td>
                        <td>进</td>
                        <td>09：01：48</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<script src="js/jquery/jquery-3.5.1.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
